<div class="class-item col-sm-6 col-md-12">
  <div class="class-bg-layer"></div>
  <div class="class-item-bg">
    <a class="class-img" href="">
      <img class="img-responsive" src="" alt="" title="">
    </a>
    <h3><a class="link-dark" href="">烧烤专题</a></h3>
    <p class="student-count">已有 150 人学习本专题课程</p>
  </div>
</div>

<div class="class-item col-sm-6 col-md-12">
  <div class="class-bg-layer"></div>
  <div class="class-item-bg">
    <a class="class-img" href="">
      <img class="img-responsive" src="" alt="" title="">
    </a>
    <h3><a class="link-dark" href="">手抓饼专题</a></h3>
    <p class="student-count">已有 150 人学习本专题课程</p>
  </div>
</div>

<div class="class-item col-sm-6 col-md-12">
  <div class="class-bg-layer"></div>
  <div class="class-item-bg">
    <a class="class-img" href="">
      <img class="img-responsive" src="" alt="" title="">
    </a>
    <h3><a class="link-dark" href="">奶茶专题</a></h3>
    <p class="student-count">已有 150 人学习本专题课程</p>
  </div>
</div>

<div class="class-item col-sm-6 col-md-12">
  <div class="class-bg-layer"></div>
  <div class="class-item-bg">
    <a class="class-img" href="">
      <img class="img-responsive" src="" alt="" title="">
    </a>
    <h3><a class="link-dark" href="">火锅专题</a></h3>
    <p class="student-count">已有 150 人学习本专题课程</p>
  </div>
</div>
